.dang-my {
  background: #f2f2f2;

  // 导航开始
  .dang-my-nav {


    .dang-my-header {
      .am-icon {
        color: #333;
      }

      .am-navbar-title {
        font-size: 0.426667rem;
      }
    }
  }

  // 导航结束

  .container {
    height: calc(100vh - 2.133333rem);
    overflow-y: scroll;
    overflow-x: hidden;

    // 登录开始
    .dang-my-login {
      width: 100%;
      height: 3.066667rem;
      position: relative;

      img {
        width: 100%;
        height: 100%;
      }

      .user {
        position: absolute;
        height: 1.973333rem;
        width: 90%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        display: flex;


        .user-lift {
          width: 1.973333rem;
          height: 1.973333rem;
          border-radius: 0.133333rem;
          overflow: hidden;
          margin-right: 0.3rem;
        }

        .user-right {
          .account {
            font-size: 0.426667rem;
            color: white;
            margin-bottom: 0.266667rem;
            font-weight: 600;
          }

          span {
            color: #fff;
            margin-right: 0.133333rem;
            font-weight: 600;
          }
        }
      }

      .personal {
        width: 2.4rem;
        height: 0.8rem;
        position: absolute;
        right: 0;
        bottom: 0.266667rem;
      }

      .login-btn {
        position: absolute;
        z-index: 2;
        font-size: 16px;
        color: white;
        width: 2.666667rem;
        height: 0.853333rem;
        text-align: center;
        line-height: 0.853333rem;
        border: 0.026667rem solid #fff;
        border-radius: 0.426667rem;
        font-size: 0.373333rem;
        left: 50%;
        top: 50%;
        transform: translate((-50%, -50%));

      }
    }

    // 登录结束

    // collect开始
    .dang-my-collect {
      background: #fff;

      .dang-collect-list {
        height: 1.386667rem;
        display: flex;
        padding: 0.213333rem 0;
        border-bottom: 1px solid #ddd;

        .collect-item {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: space-between;
          flex-direction: column;
          height: 100%;

          .collect-item-num {
            font-size: 0.373333rem;

          }

          .collect-item-text {
            font-size: 0.373333rem;
          }
        }

        .collect-item:nth-child(2) {
          border-left: 1px solid#ddd;
          border-right: 1px solid#ddd;
        }
      }
    }

    // collect结束

    // order开始
    .dang-my-order {

      height: 2.666667rem;
      width: 100%;
      background: #fff;

      .order-content-top {
        padding: 0 0.266667rem;
        display: flex;
        border-bottom: 1px solid #ddd;
        height: 1.226667rem;
        justify-content: space-between;
        align-items: center;

        .order-content-left {
          display: flex;
          align-items: center;

          img {
            width: 0.666667rem;
            height: 0.666667rem;
            margin-right: 0.133333rem;
          }

          .title {
            font-size: 14px;
            color: #333;
          }
        }

        .order-content-right {
          .title1 {
            color: #ccc;
          }
        }
      }

      .order-content-bottom {
        height: 1.44rem;

        .content-bottom-list {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 100%;

          .list-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            img {
              width: 0.64rem;
              height: 0.64rem;
            }

            .title2 {
              margin-top: 0.133333rem;
            }
          }
        }
      }
    }

    // order结束

    // vip开始
    .dang-my-vip {
      margin-top: 0.3rem;
      background: #fff;
      margin-bottom: 0.3rem;

      .vip-list {
        width: 100%;
        height: 1.226667rem;
        display: flex;
        justify-content: space-between;
        padding: 0 0.266667rem;

        .vip-list-left {
          display: flex;
          align-items: center;

          img {
            width: 0.586667rem;
            height: 0.586667rem;
            margin-right: 0.133333rem;
          }

          p.list-title {
            font-size: 0.373333rem;
          }
        }

        .vip-list-right {
          display: flex;
          align-items: center;
          font-size: 14px;
          color: #ddd;
        }
      }
    }

    // vip结束

    // coupon
    .dang-my-coupon {
      .coupon-list-contener {
        .coupon-list-item {
          padding: 0 0.266667rem;
          display: flex;
          justify-content: space-between;
          height: 1.226667rem;
          border-bottom: 1px solid #ddd;
          background: #fff;

          .coupon-list-left {
            display: flex;
            align-items: center;

            img {
              width: 0.586667rem;
              height: 0.586667rem;
              margin-right: 0.133333rem;
            }

            p.list-title {
              font-size: 0.373333rem;
            }
          }

          .coupon-list-right {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #ddd;
          }
        }

        .coupon-list-item:last-child {
          border-bottom: none;
        }
      }
    }

    .dang-my-service {
      margin-top: 0.3rem;
      background: #fff;

      .service-list {
        width: 100%;
        height: 1.226667rem;
        display: flex;
        justify-content: space-between;
        padding: 0 0.266667rem;

        .service-list-left {
          display: flex;
          align-items: center;

          img {
            width: 0.586667rem;
            height: 0.586667rem;
            margin-right: 0.133333rem;
          }

          p.list-title {
            font-size: 0.373333rem;
          }
        }

        .service-list-right {
          display: flex;
          align-items: center;
          font-size: 14px;
          color: #ddd;
        }
      }
    }


    // 商品开始
    .dang-my-product {
      margin: 0.3rem 0;
      height: 0.9rem;
      position: relative;

      .products-title {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        z-index: 10;
        background: #f5f5f9;

        .icon-xianshi_xuanzetianchong {
          color: red;
          font-size: 0.48rem;
          margin-right: 0.106667rem;
        }

        h1.title-list {
          font-size: 0.32rem;
          font-weight: normal;
        }
      }

      .dang-my-line {
        position: absolute;
        width: 6.133333rem;
        height: 0.026667rem;
        background: #ddd;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }

    // 商品结束

    // 商品列表开始
    .product-list {
      width: 100%;

      .liststyle {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

        .liststyle-item {
          width: 4.9rem;
          background: #fff;
          margin-bottom: 0.213333rem;
          padding: 0.16rem;

          img {
            width: 4.9rem;
            height: 4.9rem;
            padding-right: 0.32rem;
            margin-bottom: 0.266667rem;

          }

          .list-title {
            font-size: 13px;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            height: 0.8rem;
          }

          .solider {
            margin-top: 0.266667rem;
            display: flex;

            span {
              padding: 0.106667rem;
              background: red;
              color: white;
              margin-right: 0.133333rem;
              border-radius: 0.053333rem;
            }
          }

          .price {
            font-weight: 600;
            margin-top: 0.266667rem;
            font-size: 0.426667rem;
            color: red;
          }
        }
      }
    }

  }

  .loginOut {
    width: 100%;
    height: 1.066667rem;
    background: #fff;
    line-height: 1.066667rem;
    text-align: center;
    margin-bottom: 0.266667rem;

    .goout {
      font-size: 0.426667rem;

    }
  }


  .cart-fixed-box-block {
    flex-direction: column;
    width: 1.226667rem;
    height: 1.226667rem;
    position: fixed;
    bottom: 2rem;
    right: 0.5rem;
    display: block;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    border: 1px solid #bbb;

    .iconfont.icon-dingbu {
      display: block;
      text-align: center;
      line-height: 1.226667rem;
      font-size: 1.066667rem;
      color: #BBBEC3;
    }
  }

}